<template>
    <div class="multchart">
        <div ref="collapseItem" element-loading-background="rgba(0, 0, 0, 0.6)" class="chart_item">
            <hight-charts ref="chart" :sensorInfo="sensorInfo" />
        </div>
    </div>
</template>

<script>
import hightCharts from './hightCharts'

export default {
    data() {
        return {
            data() {
                return {
                    isLoading: false,
                    box: 'mult',
                }
            },
        }
    },
    props: {
        mulChart: {
            type: Array,
            default: [],
        },
        sensorInfo: {
            type: Object,
            default: null,
        },
    },
    computed: {},
    components: {
        hightCharts,
    },
    methods: {
        draw(options) {
            console.log('options', options)
            console.log(" this.$refs['chart']", this.$refs['chart'])
            this.$nextTick(() => {
                this.$refs['chart'].updateChart(options)
            })
        },
    },
    created() {},
}
</script>

<style lang="less" scoped>
.multchart {
    width: 100%;
    height: 100%;

    .chart_item {
        float: left;
    }
}
</style>
